iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 10
2
Modern Web

介面設計如何讓新手與專家都容易使用?系列 第 10

Day10_讓無經驗使用者也會用

  • 分享至 

  • xImage
  •  

經常在某超市使用LINE PAY,都會見到店員刷條碼沒成功,便自行將條碼放大,接著就順利結帳了。某天,又去了同一家超市,但這次店員不同,刷條碼好幾次都沒成功,接著店員就把手機還給我,並對我說:「要把條碼放大」,我找了一下才發現條碼右下角有一個很淺線條的「+」符號(如下圖),這才順利將條碼放大,完成付款動作。後來觀察了一下,該店員可能是新人,還在熟悉結帳流程,當下也沒發現怎麼將條碼放大。
https://ithelp.ithome.com.tw/upload/images/20190926/20121135GrNkpJVO9Y.jpg

常發生的情況要提供說明

以往使用LINE PAY都是由店員操作,無操作經驗的我找了一下才發現怎麼將條碼放大。也許「+」符號很通用,但擺放位置,讓它跟條碼看起來像是一體,加上線條過細、顏色過淺,導致不容易發現。以前曾使用過全家紅利PIN碼,當時在刷條碼時,上面的說明很清楚:「結帳時請店員掃描」,旁邊還有一行小字:「 加強亮度」,讓人可以很明確知道操作動作,也知道如何使用加強亮度的功能。
https://ithelp.ithome.com.tw/upload/images/20190926/20121135yt3h9vJTun.jpg

讓常用功能更醒目與易懂

使用文字說明常用功能,可以讓使用者更容易理解,但不同語言的使用者可能會有困擾,或許可以透過更通用的符碼去呈現,如電腦調整螢幕亮度常用的太陽圖示可能會比加號符號來得好,再加上英文說明輔助,可以給予無經驗使用者操作提示。


上一篇
Day09_順應既定的使用者經驗
下一篇
Day11_新版本不能變差或變慢
系列文
介面設計如何讓新手與專家都容易使用?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
yowlonglee
iT邦新手 5 級 ‧ 2019-09-26 23:12:55

小魚也降臨鐵人賽!

UD_fish iT邦新手 5 級 ‧ 2019-09-27 22:21:00 檢舉

哈~降臨XD 我是被推坑啦!

0
PeterLiao
iT邦新手 4 級 ‧ 2019-09-27 21:16:44

圈圈加號很容易覺得是要進行新增, 如果是放大鏡裡塞加號我就會覺得很好理解

UD_fish iT邦新手 5 級 ‧ 2019-09-27 22:24:59 檢舉

圈圈加號確實蠻像「新增」功能。放大鏡圖示其實已有「放大」用意,可以直接使用,我覺得可以不用塞加號。

PeterLiao iT邦新手 4 級 ‧ 2019-09-28 12:24:31 檢舉

我最近用的預覽軟體有放大鏡塞加號跟塞減號,被它拘束了,一時跳脫不出來若用不到縮小的情境/images/emoticon/emoticon25.gif

UD_fish iT邦新手 5 級 ‧ 2019-09-28 22:53:51 檢舉

原來如此!

我要留言

立即登入留言